<template>
  <a-modal
    :visible="infoVisible"
    title="教室信息"
    :width="700"
    @cancel="() => { $emit('infocancel') }"
    :footer="null"
  >
    <p>学年：{{info.xn}}</p>
    <!-- <p>学期：{{info.xqmc}}</p> -->
    <p>占用时间：第{{ info.zyzZs }}周 周{{info.week}}</p>
    <p>开始节课：{{info.kskj}}</p>
    <p>结束课节：{{info.jskj}}</p>
    <p>占用院系：{{info.yxmc}}</p>
    <p>校区：{{info.classrooms[0].jsxqmc}}</p>
    <p>教室类型：{{info.classrooms[0].typeCodeName}}</p>
    <!-- <p>教室名称：{{info.classrooms.map(_=>_.location).join('、')}}</p> -->
    <div style="display:flex">
      <span>位置内容：</span>
        <p style="width:580px">
            <span v-for="(item,index) in info.classrooms" :key="index">{{item.jsxqmc}} 位置： {{item.location}} {{item.classroomNo}}</br></span>
        </p>
    </div>
    <p>用途：{{info.note}}</p>
  </a-modal>
</template>

<script>

export default {
  props: ['infoVisible'],
  data () {
    return {
      info:{}
    }
  },

  created () {

  },
  methods: {}
}
</script>

<style>

</style>
